<style>
    .matrix-lable-left {
        text-align-last: left
    }
</style>
<div class="col-sm-12 ">
    <div class="form-group matrix-lable-left">
        <label class="col-sm-1 control-label">参数：</label>
        <div class="col-sm-2">
            <m-ui-select prompt="请选择参数种类..."
                         itme-list="$ctrl.paramTypes"
                         selected-item="$ctrl.selectParamType"
                         select-item-fun="$ctrl.paramTypeChange(item)">
            </m-ui-select>
        </div>
        <span class="col-sm-2"style="font-weight:bold ">请选择可选的参数，该参数集合由测试用例维护</span>
        <div class="col-sm-5">
            <button ng-click="$ctrl.addParam()">添加参数</button>
            <button ng-click="$ctrl.updateParam()">修改参数</button>
        </div>
    </div>
</div>


<div class="col-sm-12">
    <div class="form-group matrix-lable-left">
        <label class="col-sm-1 control-label">输入/输出：</label>
        <div class="col-sm-11">
            <tabset>
                <tab ng-repeat="item in $ctrl.items"
                     heading="{{item.title}}"
                     disabled="item.disabled"
                     active="item.active"
                     ng-click="$ctrl.useThis(item)">
                </tab>
            </tabset>
            <div ng-show="$ctrl.textjson">
                <span style="color: #00a8f3" ng-click="$ctrl.switch2Text()" ng-show="$ctrl.toJSON">切换成文本</span>
                <span style="color: #00a8f3"  ng-click="$ctrl.switch2JSON()" ng-show="$ctrl.toText">切换成json</span>
            </div>
            <div ng-switch="$ctrl.switch" ng-show="$ctrl.isShowInParams">
                <div class="jsonView"  ng-switch-when="toJSON">
                    <json child="$ctrl.inParam" default-collapsed="false" change-keys="$ctrl.inChangeKeys"
                          custom-types="$ctrl.inTypes" type="object"
                    ></json>
                </div>
                <textarea class="col-sm-6" ng-switch-when="toText" ng-model="$ctrl.inText"
                          rows="30" ng-blur="$ctrl.changedInText()"></textarea>
            </div>
            <div ng-switch="$ctrl.switch" ng-show="$ctrl.isShowOutParams" >
                <div class=" jsonView"  ng-switch-when="toJSON">
                    <json child="$ctrl.rtnParam" default-collapsed="false" change-keys="$ctrl.rtnChangeKeys"
                          custom-types="$ctrl.outTypes" type="object"
                    ></json>
                </div>
                <textarea class="col-sm-6" ng-switch-when="toText" ng-model="$ctrl.rtnText"
                          rows="20" ng-blur="$ctrl.changedRtnText()"></textarea>
            </div>
            <div ng-show="$ctrl.diffShow">
                <span class="col-sm-6">期望输出:</span>
                <span class="col-sm-6">实际输出:</span>
                <pre class="col-sm-6">{{$ctrl.leftObj}}</pre>
                <pre class='col-sm-6 textdiff' diff left-obj='$ctrl.leftObj' right-obj='$ctrl.rightObj'></pre>
            </div>
        </div>
    </div>
</div>
